<template>
  <div>
    <Shiping :list="list" :baseUrl="baseUrl"></Shiping>
  </div>
</template>
<script>
import Shiping from "@/views/shiping.vue";
import { wxShare } from "@/mixin/share";
export default {
  name: "shike",
  components: {
    Shiping
  },
  data() {
    return {
      baseUrl: process.env.VUE_APP_BASEURL,
      list: []
    };
  },
  mixins: [wxShare],
  methods: {},
  async mounted() {
    let res = await this.$http(`api/index/get_video_list`);
    this.list = res.data;
  }
};
</script>
<style scoped>
.van-nav-bar {
  text-align: left;
  background: rgba(242, 242, 242, 1);
}
.van-nav-bar__left .van-nav-bar__text {
  color: black;
  font-size: 3rem;
}
.van-nav-bar__title {
  max-width: 70%;
  margin-left: 50px;
}
.van-icon,
.van-icon::before {
  font-size: 20px;
  color: black;
}
.van-icon-arrow:before {
  font-size: 1.5rem;
  color: rgba(210, 210, 210, 1);
}
.van-cell {
  padding: 20px 16px;
}
.van-cell__left-icon {
  font-size: 0.5rem;
}
.van-cell__title {
  font-family: PingFang SC;
  font-size: 1rem;
}
</style>